@color-grey80: #ccc;
@color-grey60: #999;
@color-grey40: #666;
@color-grey20: #333;
@color-black: #000;
@color-white: #fff;
@color-green: #22ac38;
@color-green2: #148c47;
@color-orange: #f39800;
@color-red: #ff0000;
@color-blue: #0099ff;
@color-grey95: #f2f2f2;
@color-grey98: #fafafa;
@color-wxblack: #2e3132;
@gradient-light: -webkit-linear-gradient(top, #fff, #f2f2f2);
@gradient-light-active: -webkit-linear-gradient(top, #fff, #ddd);
@gradient-orange-down: -webkit-linear-gradient(top, #eb6100, #f39700);
@gradient-orange: -webkit-linear-gradient(top, #f39700, #eb6100);
@gradient-button-blue: -webkit-linear-gradient(top, #0068b7, #00a0e9);
@gradient-grey: -webkit-linear-gradient(top, #666, #333);
@gradient-newred: -webkit-linear-gradient(top, #ff4539, #e60012);
@gradient-newgreen: -webkit-linear-gradient(top, #2c9a42, #009944);
@gradient-dark2: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.9), #1a1a1a);
@sys-blue: #2277ea;
@sysBasicColor: @color-black;
@sysBasicBgColor: fade(@sysBasicColor, 90%);
@sysLineWhite: fade(@color-white, 20%);
@sysLineBlack: fade(@color-black, 20%);
@sysTextWhite: fade(@color-white, 80%);
@sysTextBlack: fade(@color-black, 80%);
@theme: rgb(0, 119, 255);
@themeDark: darken(@theme, 45%);
@themeLight: lighten(@theme, 45%);
@themeButtonBlue: #0077ff;
@themeTextLight:lighten(@theme, 30%);
@themeTextGreen:#d2eb45;
@themeTextYellow:#ffd509;

@themeGreen: rgb(0, 255, 0);
@themeYellow: rgb(255, 221, 0);
@themeOrange: rgb(243, 152, 0);
@themeGradient: linear-gradient(to bottom right, fade(darken(@theme, 45), 95), fade(darken(@theme, 42), 90));